<!Doctype html>
<html>

<head>
  <title>Js常用函数练习</title>
</head>

<body>
  <input id="input1">
  <button onClick="test1()">验证</button>
  <script type="text/javascript">
    function test1() {
      var contetnt = document.getElementById("input1").value;
      // checkisUndefined(contetnt);
      // checkNullOrNotnull(contetnt)
      // checkLength(contetnt);
      // checkNull(contetnt);
      checkXiaoshu(contetnt);

    }
    //判断undefined
    function checkisUndefined(str) {
      var st = undefined;
      if (typeof (test) == "undefined") {
        alert("此对象是undefined!")
      } else {
        alert("此对象不是ubdefined!")
      }
    }

    //判断空值
    function checkNullOrNotnull(st) {
      var str = st;
      if (typeof (str) == "undefined" || str == 0 || str == null) {
        alert("内容为空！")
      } else {
        alert("内容不为空!")
      }
    }

    //Js长度函数
    function checkLength(st) {
      debugger;
      var lengthValue = st.length;
      if (lengthValue == 0) {
        alert("输入为空！")
      } else if (lengthValue > 20) {
        alert("长度超出20");
        document.getElementById("input1").innerHtml = "";
      }

    }

    //判断输入是否含有空格
    function checkNull(st) {
      debugger;
      var regu = "^[ ]+$";
      var re = new RegExp(regu);

      if (re.test(st)) {
        alert("全是空格")
      } else {
        alert("不全是空格")
      }
    }

    //判断是否是小数或者是负数
    function checkXiaoshu(st) {
      debugger
      if (st < 0) {
        alert("是负数");
        return;
      } else if (st.indexOf("." != -1)) {
        alert("是小数")
      } else if (st.indexOf("." == -1)) {
        alert("不是小数")
      }
    }
  </script>
</body>

</html>